﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>tuBish</title>

<link type="text/css" href="http://localhost:8000/static/tubish.css" rel="stylesheet">
<script type="text/javascript" src="http://localhost:8000/static/jquery-1.7.2.min.js"></script>
<script>


$(document).ready(function(){

$(".product button").click(function(){
alert("ajax start");

$.get("/cart/addcart/", { 
    used_id:$(this).parent().find('input').attr("value")
	},
    function(data) {
		
        $("#cart h4").html(data);
		
    }
);
alert("ajax finish");
}
);
}
);

</script>
<style type="text/css">
<!-- used_id:$(".product #used_id").val(),-->

body {
	background: none repeat scroll 0 0 #F4F7FE;
    margin: 40px 10px 0 !important;
	position: relative;
    text-align: center;
	color: #000000;
    font-size: 0.8em;
    line-height: 1.2;
}
#allpage {
    margin: 0 auto 10px;
    max-width: 1100px;
    min-width: 940px;
    position: relative;
}
.fishlogo {
    background: url("http://localhost:8000/static/fishlogo.png") no-repeat scroll 0 -13px transparent;
    height: 124px;
    left: 190px;
    position: absolute;
    top: -41px;
    width: 61px;
}
#header {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("http://localhost:8000/static/h_backdrop.png") repeat-x scroll 0 0 #6A9AEB;
    border-color: #0355AE;
    border-style: solid;
    border-width: 1px 1px 0;
}
span.header-rc-l {
    background-position: 0 0;
    left: 0;
    top: 0;
}
span.header-rc-r {
    background-position: 100% 0;
    right: 0;
    top: 0;
}

span.header-rc-l, span.header-rc-r, span.footer-rc-l, span.footer-rc-r {
    background-image: url("http://localhost:8000/static/allpage2-rc.png");
    display: block;
    height: 5px;
    position: absolute;
    width: 5px;
}
#header_body {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

#header_body, #content {
    max-width: 1100px;
    min-width: 940px;
    position: relative;
    text-align: left;
}
#header_body .left {
    float: left;
    height: 98px;
    margin: 0 0 0 6px;
    width: 910px;
}
#logo {
    font-size: 2em;
    height: 3.38em;
    margin: 0.42em 0 -0.6em 11px;
    overflow: hidden;
    text-indent: -1000em;
    width: 186px;
}
#buy {
    color: #FFFFFF;
    margin-left: 186px;
    position: relative;
    text-align: center;
}
#line {
    bottom: 10px;
    left: 45%;
    margin-left: -14.7em;
    position: absolute;
    width: 35.5em;
}
#logo a {
    display: block;
    height: 70px;
    width: 100%;
}

a {
    color: #3361E3;
    text-decoration: underline;
}
#line .sl {
    margin-bottom: 0;
}
#line a {
    color: #FFFFFF;
    text-decoration: none;
}
#header_body #advanced_search {
    background: none repeat scroll 0 0 #2760C9;
    clear: left;
    color: #FFFFFF;
    display: block;
    margin: 0;
    padding: 5px;
    position: relative;
}
#header_body #search {
    margin: 0 120px 0 0;
    max-width: 910px;
    min-width: 700px;
    padding: 0;
    text-align: center;
    width: auto;
}
.search-container {
    height: 26px;
    line-height: 26px;
    margin: 0 auto;
    position: relative;
    width: 715px;
}
.search-container label {
    left: 0;
    position: absolute;
}
.search-categ {
    background: url("http://localhost:8000/static/search-sprite.png") no-repeat scroll 0 -52px #FFFFFF;
    left: 45px;
    position: absolute;
}
.search-categ-inner {
    background: url("http://localhost:8000/static/search-sprite.png") no-repeat scroll 100% -78px transparent;
    display: inline-block;
    height: 26px;
}
.search-categ select {
    padding: 4px;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: middle;
}

.search-container select, .search-container input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-family: 'Lucida Grande',Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    word-spacing: normal;
}
.search-categ select option {
    text-shadow: none;
}
.search-query {
    background: url("http://localhost:8000/static/search-sprite.png") no-repeat scroll 0 0 #FFFFFF;
    left: 183px;
    position: absolute;
}
.search-query-inner {
    background: url("http://localhost:8000/static/search-sprite.png") no-repeat scroll 100% -26px transparent;
    display: inline-block;
    height: 26px;
}
.search-query input {
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
    vertical-align: middle;
    width: 320px;
}

.search-container select, .search-container input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-family: 'Lucida Grande',Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    word-spacing: normal;
}
.search-container button {
    left: 508px;
    position: absolute;
}

a.btn, button {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    line-height: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
}

a.btn .txt, .btn_hover .txt {
    border: 1px solid transparent;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    font-size: 12.5pt;
    font-weight: 700;
    height: 92%;
    line-height: normal;
    margin: auto;
    position: static;
    text-align: center;
    width: 92%;
    z-index: 9;
}

a.btn span, .btn_hover span {
    background-color: transparent;
    background-position: left top;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
}
a.btn span, .btn_hover span {
    background-color: transparent;
    background-position: left top;
    display: block;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
}

</style></head>

<body>
<div id="allpage">
  <span class="header-rc-l"></span>
  <span class="header-rc-r"></span>
  <div class="fishlogo"></div>
     <div id="header" class="nz ">
          <div id="header_body">
               <div class="left">
			        <div id="logo" style="background: url(http://localhost:8000/static/h_logo_nz.gif) no-repeat">
					<a title="Go to Homepage" href="http://localhost:8000">tubish.com</a>
					</div>
					<div id="buy">
					    <div id="line">
						    <div id="title" style="font-size: 1.75em; height: 1.66em">最专业的网上购书源自tuBish</div>
							<div class="sl">
                             低价
                                <a href="http://localhost:8000/test"><u>优质_测试URL</u></a>
                            </div>
						</div>
					</div>
					
	           </div>
			   <form id="advanced_search" method="get" action="http://localhost:8000/book/" name="advanced_search">
			        <div id="search">
					    <div class="search-container">
						<label for="cPath">搜索</label>
						<input name="type" value="search" type="hidden"/>
						<span class="search-categ">
						     <span class="search-categ-inner">
							       <select id="cPath" name="cPath">
                                           <option value="">所有</option>
                                           
                                           <option value="literrature">文学</option>
                                           <option value="arts">艺术</option>
                                           <option value="children">少儿</option>
                                           <option value="economy">经济</option>
                                           <option value="computer">计算机</option>
                                           <option value="biology">生物</option>
                                  </select>
							 </span>
						</span>
						<span class="search-query">
                              <span class="search-query-inner">
                                   <input id="keywords" class="ui-autocomplete-input" type="text" autocomplete="off" value="" maxlength="200" name=                                    "keywords" role="textbox" aria-autocomplete="list" aria-haspopup="true">
                              </span>
                        </span>
						<button class="btn_hover" type="submit" style="width: 77px; height: 26px;">
                                <span class="txt" style="background-color: #FE9E5C; line-height: 23px;">Go</span>
                                <span style="background-image: url(http://localhost:8000/static/btn-search-go.png);"></span>
                        </button>
						<a href="http://localhost:8000">更多...</a>
						</div>
					</div>
			   </form>
          </div>
     </div>
	 
	 
	 
	 <div class="pageborder">
	      <div id="bar">
		      <div id="tabs">
			      <div class="mainmenu toplevel">
				       <span class="sep first">&nbsp;</span>
                       <!--<span class="tab text" href="http://localhost:8000">首页</span>
                       <span class="sep">&zwj;</span>-->
                       <a class="tab text" href="http://localhost:8000">首页</a>
                       <span class="sep">&zwj;</span>
                       <a class="tab text" href="http://localhost:8000">少儿</a>
                       <span class="sep">&zwj;</span>
                       <a class="tab text" href="http://localhost:8000">文学</a>
                       <span class="sep">&zwj;</span>
                       <a class="tab text" href="http://localhost:8000">艺术</a>
                       <span class="sep">&zwj;</span>
                       <a class="tab text" href="http://localhost:8000/book/type/?type=computer">计算机</a>
                       <span class="sep">&zwj;</span>
                       <a class="tab text" href="http://localhost:8000">生物</a>
                       <span class="sep">&zwj;</span>
                       <a class="tab text" href="http://localhost:8000">经济</a>
                       <span class="sep last">&nbsp;</span>
                       <span class="expander">&nbsp;</span>
				  </div>
			  </div>
			  <div id="utilLinks" class="nz ">
			       <ul id="util">
				       {%if user.is_authenticated%}
	                       欢迎登陆，{{user.username}}
	                      <li>  <a href="/accounts/info/">我的信息</a></li>
	                           <li> <a href="/accounts/logout/">退出</a></li>
	                   {%else%}
	                           <li> <a href="/accounts/login/">登陆</a></li>
	                          <li>  <a href="/accounts/register/">注册</a></li>
	                   {%endif%}
				   
				   </ul>
			  </div>
			  <div id="cart" class="box">
			      <span class="t"></span>
				  <span class="tr"></span>
				  <h3>
                      <a href="http://localhost:8000/cart/shopping_cart">
                          <img border="0" alt="" src="http://localhost:8000/static/h_cart.gif">
                           我的购物车
                      </a>
                  </h3>
				  <h4>
				  {%if cart%}
		          共{{cart.get_sumitems}}件商品,总价:{{cart.total_price}}
				  {%else%}
				  购物车是空的
				  {%endif%}
				  </h4>
				
				  
				 <form id="cart_quantity" method="post" action="https://?action=update_product">
<button id="checkout" class="btn_hover" name="Checkout" type="submit" style="width:150px;height: 35px;">
<span class="txt" style="background-color:#9AB4F3; line-height:32px;">Checkout</span>
<span style="background-image:url(http://localhost:8000/static/btn-checkout.gif);"></span>
</button>
</form>
				  <div id="free_shipping">
				  
                         <p>
                         <strong>免运费</strong>
                        <span class="fj"></span>


                         </p>
                           <span class="b"></span>
                           <span class="br"></span>
                   </div>
			  </div>
		  </div>
	 {% block content %}	  
<!-- 	 <div id="content">
	  
	  
	 </div>	-->
      {% endblock %}	 
	 
	 </div>
	
	 <span class="footer-rc-l"></span>
     <span class="footer-rc-r"></span>
</div>
<div id="footer" class="sticky-footer">
     <div class="footer-wrapper">
	     <div class="footer-width">
		      <div class="footerLinks">
			   

                   <a class="headerNavigation2" href="http://localhost:8000">帮助中心</a>

                   <a class="headerNavigation2" href="http://localhost:8000">关于我们</a>

                    <a class="headerNavigation2" href="http://localhost:8000">联系我们</a>

                   <a class="headerNavigation2" href="http://localhost:8000">更多信息</a>

                  
			  </div>
			  <table cellspacing="0" cellpadding="0" border="0" width="100%">
                     <tbody>
                         <tr>
						     <td class="smallText">
<p>&copy; 2012 TuBish.</p>

<p>
<a class="blue_link" href="http://localhost:8000">私有政策</a>
|
<a class="blue_link" href="http://localhost:8000">条款</a>
</p>
</td>
     
						 </tr>
                     </tbody>
              </table>
		 </div>
	 </div>

</div>



</body>
</html>
